<template>
  <div class="test">123213</div>
  <div @click="alertFn">{{ a }}</div>
</template>
<script>
export default {
  //   mounted() {
  //     const testDiv = document.querySelector(".test");
  //     testDiv.addEventListener("click", () => {
  //       alert("click");
  //     });
  //   },
  //   data() {
  //     return {
  //       a: 1,
  //     };
  //   },
  data: function () {
    return { a: 2 };
  },
  methods: {
    alertFn() {
      this.a = this.a + 1;
      // this.alertFn
      //   alert("click");
    },
  },
};
</script>
<style>
.test {
  background-color: red;
}
</style>
